<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    // // 扩展运算符
    // let arr = [1,2,3];
    // let arr1 = [4,5,6];
    // // concat 数组的拼接
    // // console.log(arr.concat(arr1));
    // // console.log(...arr);
    // let arr3 = [...arr,...arr1]
    // let obj = {name:'张三',age:18}
    // let obj1 = {hooby:'吃饭睡觉打豆豆'}
    // let obj2 = {...obj,...obj1}
    // console.log(obj2);
    // // console.log(arr3);


    // function fn (val) {
    // //    arguments 在普通函数里面，我们可以使用 arguments 来获取不确定参数
    //    console.log(arguments);
    // }
    // fn(1,2,3,4,5,6)

    // let fn = (...val) => { // ...val 剩余参数
    //    console.log(val);
    // }
    // fn(1,2,3,4,5,6)

    // function Vue (name){ // 构造函数的特点，首字母大写
    //    this.name = name;
    // //    console.log(this);
    //    this.name = "王五"
    // }
    // // 在构造函数中 this 指向的是实例化出来的对象
    // let obj = new Vue('张三');
    // // obj.name = "李四"
    // console.log(obj);

    let obj = {name:'张三',age:18};
    let { age,name } = obj; // 解构赋值
    console.log(name,age);
    
    let [b,c,a] = [1,2,3] // 数组的解构赋值，只和索引有关系
     console.log(a,b,c);
</script>